<template>
  <div :class="notHasTabs ? 't_tab_container_no_tabs' : 't_tab_container'">
    <slot />
  </div>
</template>

<script>
export default {
  props: {
    notHasTabs: Boolean,
  },
};
</script>

<style lang="css" scoped>
.t_tab_container {
  height: calc(100vh - 80px - 60px - 55px);
  overflow-y: scroll;
}
.t_tab_container_no_tabs {
  height: calc(100vh - 80px - 55px);
  overflow-y: scroll;
}

.t_tab_container::-webkit-scrollbar {
  width: 5px;
}
.t_tab_container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #ddd;
}

.t_tab_container_no_tabs::-webkit-scrollbar {
  width: 5px;
}
.t_tab_container_no_tabs::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #ddd;
}
.t_tab_container::-webkit-scrollbar-track {
  /* border-radius: 10px;
  background: transparent; */
}
</style>